<template>
    <h1>Class Object Binding</h1>
    <div :class="classObject">
        Class Object Binding
    </div>
    <h1>Class Object Binding end </h1>
</template>

<script setup>
import { computed ,ref}  from 'vue'
const isActive = ref(false)
const error = ref(true)

const classObject = computed(() => ({
  active: isActive.value && !error.value,
  'text-danger': error.value && error.value.type === 'fatal'
}))
</script>
